import React, {useEffect} from "react";
import {Card, Tabs, TabsProps} from "antd";
import InsertSql from "@/pages/dev/components/InsertSql";
import ExcelRead from "@/pages/dev/components/ExcelRead";
import SqlDoc from "@/pages/dev/components/SqlDoc";

const index: React.FC = () => {

    const onChange = (key: string) => {
    };

    const tabItems: TabsProps['items'] = [
        {
            key: '1',
            label: 'Excel读取',
            children: ExcelRead(),
        },
        {
            key: '2',
            label: 'InsertSQL转换',
            children: InsertSql(),
        },
        {
            key: '3',
            label: '数据库文档生成',
            children: SqlDoc(),
        },
        {
            key: '999',
            label: '待开发',
            children: '正在开发中',
        },
    ];

    useEffect(() => {
    }, []);

    return (
        <div>
            <Card>
                <Tabs defaultActiveKey="1" items={tabItems} onChange={onChange}/>
            </Card>
        </div>
    )
}


export default index;